<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!--<link th:href="@{Style/Left.css}" rel="stylesheet" type="text/css" />-->
<link rel="stylesheet" th:href="@{css/StudentLeft.css}">
		<script th:src="@{js/jquery-1.9.1.min.js}"></script>
	</head>
	<body>
		<div class="nav">
			<div class="nav-list">
				<div class="nav-tit" id="personal">
					<a th:href="@{/JumpAddStaff}" target="main">
						<img src="images/job-change.png" style="height: 30px" alt="">
						<span>添加员工</span>
					</a>
				</div>
				
				<div class="nav-tit">
					<a th:href="@{/admin/queryAllStaff}" target="main">
						<img src="images/personal-msg.png" alt="">
						<span>查询员工</span>
					</a>
				</div>
				<div class="nav-tit">
					<a th:href="@{/admin/findNotAllocatedStaff}" target="main">
						<img src="images/archives-msg.png" alt="">
						<span>分配人员</span>
					</a>
				</div>
				
			</div>
		</div>

		<script>
			$(document).ready(function(){
				$('#personal').on('click',function(){
					$('#personal-child').fadeToggle(300);
				});
				let aLi = $('#personal-child li');
				aLi.on('click',function(){
					$(this).addClass('active').siblings('li').removeClass('active');
				})
			});
		</script>
	</body>
</html>